$(function() {
    var loading = false;
    // 分页允许返回的最大条数，超过此数则禁止访问后台
    var maxItems = 999;

    // 加载随机商品列表的URL
    var listShopUrl = '/online/shop/listrandomshops';
    //查询商品的URL
    var searchShopUrl='/online/shop/listshopspageinfo';
    // 预先加载商品信息
    addItems();
    /**
     * 預先展示的商品列表信息
     *
     * @param pageSize
     * @param pageIndex
     * @returns
     */
    function addItems() {
        // 设定加载符，若还在后台取数据则不能再次访问后台，避免多次重复加载
        loading = true;
        // 访问后台获取相应查询条件下的商品列表
        $.getJSON(listShopUrl, function(data) {
            if (data.success) {
                // 获取当前查询条件下商品的总数
                maxItems = data.count;
                var html = '';
                // 遍历店铺列表，拼接出卡片集合
                data.shopList.map(function(item, index) {
                        html += '' + '<div class="card" data-shop-id="'
                            + item.shopId + '">' + '<div class="card-header">'
                            + item.shopName + '</div>'
                            + '<div class="card-content">'
                            + '<div class="list-block media-list">' + '<ul>'
                            + '<li class="item-content">'
                            +  '<div >' + item.shopInfo
                            + '</div>'
                            +'<div >'+item.sellerId
                            '</div>'
                            + '</li>'
                            + '</ul>'
                            + '</div>' + '</div>' + '<div class="card-footer">'
                            + '<p class="color-gray">'
                            + '更新</p>' + '<span>点击查看</span>' + '</div>'
                            + '</div>';
                });
                // 将卡片集合添加到目标HTML组件里
                $('.shoplist-button-div').html(html);

                // 加载结束，可以再次加载了
                loading = false;
                // 刷新页面，显示新加载的店铺
                $.refreshScroller();
            }
        });
    }
    function searchItems(){
        var url = searchShopUrl + '?' + 'shopName=' + shopName ;
        // 设定加载符，若还在后台取数据则不能再次访问后台，避免多次重复加载
        loading = true;
        // 访问后台获取相应查询条件下的商品列表
        $.getJSON(url, function(data) {
            if (data.success) {
                // 获取当前查询条件下商品的总数
                maxItems = data.count;
                var html = '';
                // 遍历店铺列表，拼接出卡片集合
                data.shopList.map(function(item, index) {
                    html += '' + '<div class="card" data-shop-id="'
                        + item.shopId + '">' + '<div class="card-header">'
                        + item.shopName + '</div>'
                        + '<div class="card-content">'
                        + '<div class="list-block media-list">' + '<ul>'
                        + '<li class="item-content">'
                        +  '<div >' + item.shopInfo
                        + '</div>'
                        +'<div >'+item.sellerId
                    '</div>'
                    + '</li>'
                    + '</ul>'
                    + '</div>' + '</div>' + '<div class="card-footer">'
                    + '<p class="color-gray">'
                    + '更新</p>' + '<span>点击查看</span>' + '</div>'
                    + '</div>';
                });
                // 将卡片集合添加到目标HTML组件里
                $('.shoplist-button-div').html(html);

                // 加载结束，可以再次加载了
                loading = false;
                // 刷新页面，显示新加载的店铺
                $.refreshScroller();
            }
        });
    }

    // 点击店铺的卡片进入该店铺的详情页
    $('.shoplist-button-div').on('click', '.card', function(e) {
        var shopId = e.currentTarget.dataset.shopId;
        window.location.href = '/online/front/shopdetail?shopId=' + shopId;
    });


    // 需要查询的店铺名字发生变化后，重置页码，清空原先的店铺列表，按照新的名字去查询
    $('#search').on('change', function(e) {
        shopName = e.target.value;
        $('.shoplist-button-div').empty();
        searchItems();
    });


/*
    // 点击后打开右侧栏
    $('#me').click(function() {
        $.openPanel('#panel-right-demo');
    });*/

    // 初始化页面
    $.init();
});
